<template>
	<div class="content top">
		<div class="header_nav">
			<div>
				<div class="header_nav_logo">
					<img src="../../../../assets/images/home/index/public/logo.png" />
				</div>
				<div class="header_nav_content">
					<ul>
						<li><router-link :to="{path:'/'}">网站首页</router-link></li>
						<li><a href="loans">贷款诈骗</a></li>
						<li><a href="tort">人身侵权</a></li>
						<li><a href="syb">创业投资</a></li>
						<li><a href="job">就业兼职</a></li>
						<li><a href="contract">合同纠纷</a></li>
						<li><a href="criminal">刑事救援</a></li>
						<li><a href="others">其他问题</a></li>
					</ul>
				</div>
			</div>
		</div>
		<p class="top_title">高&nbsp;校&nbsp;云&nbsp;端&nbsp;法&nbsp;律&nbsp;援&nbsp;助&nbsp;中&nbsp;心</p>
		<p class="top_desc">您的24小时风险控制专家</p>


	</div>
	<div class="content problem">
		<p class="content_title">利用互联网+大数据，实时监控你的校园风险</p>
		<img src="../../../../assets/images/home/index/index/problem.png">
	</div>
	<div class="content news">
		<p class="content_title">典型案例</p>
		<ul>
			<li v-for="(item,index) in caseList" :key="index">
				<p class="news_title">{{item.title}}</p>
				<p class="news_desc">{{item.summary}}</p>
				<div><a href="weixin">了解更多</a></div>
			</li>
		</ul>
		<center><router-link :to="{path:'/home/weixin'}">更多案例</router-link></center>
	</div>
	<div class="content combo">
		<p class="content_title">律管家法律服务产品中心</p>
		<ul>
			<li>
				<img src="../../../../assets/images/home/index/index/danxiang.png">
				<p class="combo_title">单项服务购买</p>
				<p class="combo_desc">遇到法律问题？立即使用律管家的律师咨询、法律诊断、合同起草等专业单项服务</p>
				<div><a href="weixin" target="_blank">了解更多</a></div>
			</li>
			<li>
				<img src="../../../../assets/images/home/index/index/taocan.png">
				<p class="combo_title">特惠组合套餐</p>
				<p class="combo_desc">需要系统的法律服务？使用律管家特惠套餐组合，一站式解决您的法律问题</p>
				<div><a href="weixin" target="_blank">了解更多</a></div>
			</li>
			<li>
				<img src="../../../../assets/images/home/index/index/baonian.png">
				<p class="combo_title">特惠包年服务</p>
				<p class="combo_desc">不限量律师咨询、文书起草、公司常规法律服务，替您防患于未然</p>
				<div><a href="weixin" target="_blank">了解更多</a></div>
			</li>
		</ul>
		<center><a href="weixin" target="_blank">进入律管家产品中心</a></center>
	</div>

	<div class="content team">
		<p class="content_title">律管家精英律师联盟</p>
		<hr>
		<p class="team_desc">律管家与数家高端优质律所形成战略合作</p>
		<p class="team_desc">汇集了各领域的精英律师</p>
		<p class="team_desc">为您的权益保驾护航</p>
		<ul>
			<li>
				<div>
					<img src="../../../../assets/images/home/index/index/20180516091458.jpg">
				</div>
				<p class="expert_name">重庆丽达律师事务所</p>
				<p class="expert_desc">重庆丽达律师事务所成立于1999年，系全国优秀律师事务所和重庆市优秀律师事务所，是一所立足重庆、服务全国，为中外各界提供全面法律服务的全国知名律师服务机构。
				</p>
				<center><a href="weixin" class="expert_consult">点击咨询</a></center>
			</li>
			<li>
				<div>
					<img src="../../../../assets/images/home/index/index/1DC13E2B123C1606898889A537B63E09.png">
				</div>
				<p class="expert_name">重庆丽达律师事务所</p>
				<p class="expert_desc">
					重庆心助律师事务所是由重庆市司法局批准设立的精品律师事务所，律师事务所现有高级合伙律师3人，律师、律师助理及其他工作人员近30人。在多年的执业过程中，凭借着深厚的法学功底和丰富的执业经验，本所律师2016年人均创收居全市律师事务所第二，本所律师也多次获评“重庆优秀律师”、“推进仲裁制度优秀律师”等荣誉称号。
				</p>
				<center><a href="home/weixin" class="expert_consult">点击咨询</a></center>
			</li>
			<li>
				<div>
					<img src="../../../../assets/images/home/index/index/20180516091458.jpg">
				</div>
				<p class="expert_name">贵州乾通律师事务所</p>
				<p class="expert_desc">贵州乾通事务所，于2004年经贵州省司法厅批准正式成立，位于贵阳市花果园国际金融街E七栋2023室。
					具有深厚理论基础和丰富实践经验的律师是乾通发展的基石。所里律师以律师事业作为毕生的追求，在严格的纪律和健全的机制约束下，竭力协助委托人预防与化解各类风险，最大限度地维护当事人的合法权益。乾通成立了多个专业部门，由具有专业特长的合伙人领衔专业律师专注于特定专业领域的深耕和业务拓展，在各个传统业务领域与新兴业务领域，均形成了成熟的法律服务产品十多年来，我们始终以伙伴的合作模式为客户提供服务，不止步于满足客户所需，更关注实现客户目标的方式。我们不断突破已取得的成就，为更高的目标而不断重塑自己的同时，打造超越客户预期的律师事务所。
				</p>
				<center><a href="weixin" class="expert_consult">点击咨询</a></center>
			</li>
		</ul>
		<center><a href="consult">了解团队精英</a></center>
	</div>
	<div class="content case">
		<p class="content_title">律管家大事记</p>
		<ul>

			<!-- <li>
	            	<div class="case_img"><img src="images/admin/<c:out value="${items.src}" />"></div>
	                <div class="case_content">
	                    <p class="case_content_title"><c:out value="${items.title}" /></p>
	                    <ul class="case_content_info">
	                    	<li><span><img src="images/system/host.png">&nbsp;&nbsp;<c:out value="${items.author}" /></span></li>
	                        <li><span><img src="images/system/look.png">&nbsp;&nbsp;<c:out value="${items.views}" /></span></li>
	                        <li><span><img src="images/system/date.png">&nbsp;&nbsp;<c:out value="${items.times}" /></span></li>
	                    </ul>
	                    <p class="case_content_desc"><c:out value="${items.summary}" /></p>
	                    <a href="home/weixin" class="case_content_more">READ MORE</a>
	                </div>
	            </li> -->

		</ul>
		<center><a href="weixin">更多动态</a></center>
	</div>
	<div class="content total">
		<p class="content_title">时间在见证</p>
		<ul>
			<li>
				<p class="total_number"><span class="total_user">24548</span><sup>人+</sup></p>
				<p class="total_title">注册用户</p>
			</li>
			<li>
				<p class="total_number"><span class="total_consult">41456</span><sup>次+</sup></p>
				<p class="total_title">咨询次数</p>
			</li>
			<li>
				<p class="total_number"><span class="total_trouble">3508</span><sup>条+</sup></p>
				<p class="total_title">解决问题</p>
			</li>
		</ul>
	</div>
	
	<Footer></Footer>
</template>
<script>
	//引入组件
	import Footer from '@/components/home/index/Footer'
	//引入js
	import router from '../../../../router'
	import {
		request
	} from '../../../../utils/request'

	export default {
		name: 'Index',
		components: {
			Footer
		},
		data() {
			return {
				caseList: [{
						title: '律管家点评：超高贷款利息不还，招致侮辱信息该怎么办',
						summary:'【案情回顾】2016年12月，事主陆某(广州某职业技术学院女学生)在“51短借”网贷平台签订借款协议，向陈某(惠州市某职业技术学校学生)借款2000元，周息30%，自收到借款后一周还清，本息共计2600元。因到期无钱还款，陈某遂让陆某通过“今借到”等平台以同样的方法向第二个人借款，越借越多。至2017年2月下旬，事主分别从“51短借”“今借到”和“速速借”三个平台先后向20余人次借款用来偿还上一笔款项，合计借到本金3万余元，事主收到的金额被扣除25%~30%利息，或者收到的金额是借款金额，但还款时多付25%~30%利息，利息本金合计高达11万余元。在此期间事主用家人和朋友的钱偿还了2.1万元。后陆某逾期未还，陈某便通过短信、微信等方式向陆某及其父母、老师、同学、朋友或其所在学校群贴吧中发布一些侮辱、威胁性的信息，催还借款及利息。【风险点分析】周息30%；多平台借款、发布侮辱、威胁信息【律管家点评】1、我国金融借贷的合法利率为年息24%，即月息不得超过2%，超过部分不受法律保护，本合同中约定的周息30%已经远超过法律允许的范围。2、对于超过法定年利率24%部分，当事人无法定义务进行偿还，但可自愿偿还。3、平台对于学生的逾期行为通常不会通过诉讼形式要求偿还，因为大学生个人资产有限，以及其贷款利率不符合法律规定；平台通常是通过威胁、恐吓学生向其亲戚朋友发送威胁短信为要挟要求其还款。若该平台实际大量亲戚朋友群体中散步辱骂短信，则该行为涉嫌侵犯学生名誉权，学生可提起名誉权诉讼。4、切忌向多个贷款平台借款还贷。一个平台贷款利率都已经这么高了，多借几个，岂不是要破产？况且，到手的借款金额和你预申请的金额通常会有出入，如扣取保证金或支付中介费、手续费等，但利率是按你申请的金额进行计算，所以会存在借款仅几万，但很快应还款额就变成几十万。【关联法条】最高法《关于进一步加强金融审判工作的若干意见》第二条第二款金融借款合同的借款人以贷款人同时主张的利息、复利、罚息、违约金和其他费用过高，显著背离实际损失为由，请求对总计超过年利率24%的部分予以调减的，应予支持，以有效降低实体经济的融资成本。《民法总则》第一百零九条　自然人的人身自由、人格尊严受法律保护。第一百一十条　自然人享有生命权、身体权、健康权、姓名权、肖像权、名誉权、荣誉权、隐私权、婚姻自主权等权利。法人、非法人组织享有名称权、名誉权、荣誉权等权利。第一百二十条　民事权益受到侵害的，被侵权人有权请求侵权人承担侵权责任。《最高人民法院关于贯彻执行&lt;中华人民共和国民法通则&gt;若干问题的意见》第一百四十条以书面、口头等形式宣扬他人的隐私，或者捏造事实公然丑化他人人格，以及用侮辱、诽谤等方式损害他人名誉，造成一定影响的，应当认定为侵害公民名誉权的行为。以书面、口头等形式诋毁、诽谤法人名誉，给法人造成损害的，应当认定为侵害法人名誉权的行为。'
					},
					{
						title: '律管家点评：超高贷款利息不还，招致侮辱信息该怎么办',
						summary:'【案情回顾】2017年3月，陈某(广东省某技校女学生)因欠朋友钱急需贷款还钱，在QQ兴趣部落模块关注小额贷款社区放款人施某，向施某申请贷款3000元，月息270元，施某要求陈某提供全身裸体照片、视频、身份证和家属电话号码作为贷款抵押和担保。陈某按施某要求提供后，施某以照片和视频不像同一人为由拒绝放款，并于4月5日通过微信将裸照发给陈某，勒索1000元，并将陈某裸照发给她母亲。威胁其母亲汇钱给他，否则将陈某裸照发至网上，后陈某母亲便带陈某至派出所报警，此事对陈某心理造成极大压力，被迫休学。韶关警方接到警情后，立即成立专案组开展侦查工作。经过多个部门联动合作，专案组最终锁定了施某为重大作案嫌疑人。5月下旬，专案组赶赴安徽省合肥市将犯罪嫌疑人施某抓获归案。【风险点抓取】提供裸照、向个人贷款【律管家点评】1、向他人提供自己私密照片属于极度危险行为，绝对不能交付给他人，因为你永远无法控制对方的行为。绝不可让自己处于被动的地位，除会产生被要挟的可能性外，一旦照片因任何原因泄露，受害人是自己；2、贷款行为本身并不违法，也不会因为借款人是大学生就被认定为违法；3、绝不要根据贷款人的口头承诺去判定贷款利率的高低4、判定贷款是否合法的关键不在于贷款平台（小贷公司）的口头承诺，而应该仔细审阅贷款合同中是否有不合理约定，如约定发放贷款前先扣除高额保证金、手续费；仔细阅读合同列举的违约责任关于利率的约定，是否超过年利率24%；5、一定不要向没有贷款资质的单位、个人贷款，该行为除了有非法经营的嫌疑以外，这样的单位、个人向你借贷的行为通常会采取隐蔽的方式向你收取超过法律允许范围的借贷利息，给你带来额外的损失；6、敲诈勒索行为以及是否构成犯罪的判定标准：敲诈勒索行为是指通过语言、电话、书信等方式作为威胁或要挟手段，非法取得了他人的财物的行为。若被害人因为该威胁行为产生恐惧心理并最终被迫将自己财产交给对方，则构成了敲诈勒索罪的既遂。如果行为人仅仅使用了威胁或要挟手段，被害人并未产生恐惧情绪，因而没有交出财物；或者被害人虽然产生了恐俱，但并未交出财物，均属于敲诈勒索罪的未遂。【关联法条】《最高人民法院关于审理民间借贷案件适用法律若干问题的规定》第二十六条借贷双方约定的利率未超过年利率24%，出借人请求借款人按照约定的利率支付利息的，人民法院应予支持。借贷双方约定的利率超过年利率36%，超过部分的利息约定无效。借款人请求出借人返还已支付的超过年利率36%部分的利息的，人民法院应予支持。第二十九条借贷双方对逾期利率有约定的，从其约定，但以不超过年利率24%为限。《刑法》第二百七十四条敲诈勒索罪，是指以非法占有为目的，对被害人使用威胁或要挟的方法，强行索要公私财物的行为。敲诈勒索公私财物，数额较大的，处三年以下有期徒刑、拘役或者管制；数额巨大或者有其他严重情节的，处三年以上十年以下有期徒刑。《关于办理敲诈勒索刑事案件适用法律若干问题的解释》：　　第一条敲诈勒索公私财物价值二千元至五千元以上、三万元至十万元以上、三十万元至五十万元以上的，应当分别认定为刑法第二百七十四条规定的“数额较大”、“数额巨大”、“数额特别巨大”。　　各省、自治区、直辖市高级人民法院、人民检察院可以根据本地区经济发展状况和社会治安状况，在前款规定的数额幅度内，共同研究确定本地区执行的具体数额标准，报最高人民法院、最高人民检察院批准。　　第二条敲诈勒索公私财物，具有下列情形之一的，“数额较大”的标准可以按照本解释第一条规定标准的百分之五十确定：　　(一)曾因敲诈勒索受过刑事处罚的;　　(二)一年内曾因敲诈勒索受过行政处罚的;　　(三)对未成年人、残疾人、老年人或者丧失劳动能力人敲诈勒索的;　　(四)以将要实施放火、爆炸等危害公共安全犯罪或者故意杀人、绑架等严重侵犯公民人身权利犯罪相威胁敲诈勒索的;　　(五)以黑恶势力名义敲诈勒索的;　　(六)利用或者冒充国家机关工作人员、军人、新闻工作者等特殊身份敲诈勒索的;　　(七)造成其他严重后果的。　　第三条二年内敲诈勒索三次以上的，应当认定为刑法第二百七十四条规定的“多次敲诈勒索”。　　第八条对犯敲诈勒索罪的被告人，应当在二千元以上、敲诈勒索数额的二倍以下判处罚金;被告人没有获得财物的，应当在二千元以上十万元以下判处罚金。'
					},
					{
						title: '律管家点评：超高贷款利息不还，招致侮辱信息该怎么办',
						summary:'随着影片“我不是药神”的大热，一场关于“法与情”的激烈讨论也随之展开。这部根据真实案件改编而来，豆瓣评分高达9.0的影片之所以如此受到观众追捧，原因之一便是其将情理与法律的矛盾赤裸裸地展现在人们面前。那么这例案件中到底涉及哪些法律法规呢？第一，关于印度“格列宁”的假药认定根据《中华人民共和国药品管理法》：第三十九条药品进口，须经国务院药品监督管理部门组织审查，经审查确认符合质量标准、安全有效的，方可批准进口，并发给进口药品注册证书。第四十八条禁止生产(包括配制，下同)、销售假药。有下列情形之一的，为假药:(一)药品所含成份与国家药品标准规定的成份不符的;(二)以非药品冒充药品或者以他种药品冒充此种药品的。有下列情形之一的药品，按假药论处:(一)国务院药品监督管理部门规定禁止使用的;(二)依照本法必须批准而未经批准生产、进口，或者依照本法必须检验而未经检验即销售的;(三)变质的;(四)被污染的;(五)使用依照本法必须取得批准文号而未取得批准文号的原料药生产的;(六)所标明的适应症或者功能主治超出规定范围的。印度“格列宁”按规定应获得批准才能进口，但程勇未经批准私自进口，故此印度“格列宁”应按《药品管理法》第四十八条第3款之（二）认定为假药。第二，关于影片中程勇的行为认定根据《中华人民共和国刑法》：第一百四十一条　【生产、销售假药罪】生产、销售假药的，处三年以下有期徒刑或者拘役，并处罚金;对人体健康造成严重危害或者有其他严重情节的，处三年以上十年以下有期徒刑，并处罚金;致人死亡或者有其他特别严重情节的，处十年以上有期徒刑、无期徒刑或者死刑，并处罚金或者没收财产。第一百五十三条　【走私普通货物、物品罪】走私本法第一百五十一条、第一百五十二条、第三百四十七条规定以外的货物、物品的，根据情节轻重，分别依照下列规定处罚：(一)走私货物、物品偷逃应缴税额较大或者一年内曾因走私被给予二次行政处罚后又走私的，处三年以下有期徒刑或者拘役，并处偷逃应缴税额一倍以上五倍以下罚金。(二)走私货物、物品偷逃应缴税额巨大或者有其他严重情节的，处三年以上十年以下有期徒刑，并处偷逃应缴税额一倍以上五倍以下罚金。(三)走私货物、物品偷逃应缴税额特别巨大或者有其他特别严重情节的，处十年以上有期徒刑或者无期徒刑，并处偷逃应缴税额一倍以上五倍以下罚金或者没收财产。单位犯前款罪的，对单位判处罚金，并对其直接负责的主管人员和其他直接责任人员，处三年以下有期徒刑或者拘役;情节严重的，处三年以上十年以下有期徒刑;情节特别严重的，处十年以上有期徒刑。对多次走私未经处理的，按照累计走私货物、物品的偷逃应缴税额处罚。程勇第一次走私印度“格列宁”时，由于其的确存在盈利目的，赚取购药人的差价，因此可认定为“销售”，但其在第二次决定走私印度“格列宁”时，并未存在盈利目的，而更接近于一种代为购买走私进境的行为，不适宜认定为“销售”，这也正是为何影片中的程勇入狱三年，而案件原型的主人公收到检察院不起诉决定的原因，案件原型一开始便不存在销售行为。据此，即使在影片中购药人如何求情，如何为程勇辩解，也不能免去他的牢狱之灾。第三，检察院对案件原型主人公决定不起诉的法律依据《关于办理危害药品安全刑事案件若干问题的解释》第十一条第二款规定：“销售少量未经批准进口的国外、境外药品，没有造成他人伤害后果或者延误诊治，情节显著轻微危害不大的，不认为是犯罪。”《中华人民共和国刑法》第十三条　【犯罪概念】一切危害国家主权、领土完整和安全，分裂国家、颠覆人民民主专政的政权和推翻社会主义制度，破坏社会秩序和经济秩序，侵犯国有财产或者劳动群众集体所有的财产，侵犯公民私人所有的财产，侵犯公民的人身权利、民主权利和其他权利，以及其他危害社会的行为，依照法律应当受刑罚处罚的，都是犯罪，但是情节显著轻微危害不大的，不认为是犯罪。《中华人民共和国刑事诉讼法》第十五条　有下列情形之一的，不追究刑事责任，已经追究的，应当撤销案件，或者不起诉，或者终止审理，或者宣告无罪：(一)情节显著轻微、危害不大，不认为是犯罪的;(二)犯罪已过追诉时效期限的;(三)经特赦令免除刑罚的;(四)依照刑法告诉才处理的犯罪，没有告诉或者撤回告诉的;(五)犯罪嫌疑人、被告人死亡的;(六)其他法律规定免予追究刑事责任的。'
					},
				]
			}
		},
		created: function() {

		},
		beforeMount: function() {

		},
		mounted: function() {

		},
		methods: {

		}
	}
</script>
<style lang="scss" scoped>
	.content {
		width: 100%;
	}

	.content_title {
		font-size: 28px;
		text-align: center;
		color: #141414;
		padding-top: 100px;
	}

	.team>center,
	.case>center {
		clear: both;
	}

	.team>center>a,
	.case>center>a,
	.combo>center>a,
	.news>center>a {
		background: transparent;
		padding: 10px 20px;
		color: #0CF;
		border: 1px solid #0CF;
		transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-webkit-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
	}

	.team>center>a:hover,
	.case>center>a:hover,
	.combo>center>a:hover,
	.news>center>a:hover {
		color: #fff;
		border: 1px solid #43CD80;
		background: #43CD80
	}

	.top {
		background: url(../../../../assets/images/home/index/index/index_top_bg.jpg) no-repeat center;
		background-size: cover;
		height: 822px;
	}

	.header_nav {
		width: 100%;
		height: 80px;
		background: #FFF;
		z-index: 100;
	}

	.header_nav>div {
		width: 1200px;
		margin: auto
	}

	.header_nav_logo {
		width: 200px;
		height: 80px;
		float: left;
	}

	.header_nav_logo>img {
		width: 200px;
	}

	.header_nav_content {
		width: 960px;
		height: 80px;
		float: right
	}

	.header_nav_content>ul {
		width: 100%;
		clear: both;
	}

	.header_nav_content>ul>li {
		float: left;
		width: 120px;
		text-align: center;
		height: 80px;
		line-height: 80px;
		font-size: 16px;
	}

	.header_nav_content>ul>li>a {
		display: block;
		color: #333;
		position: relative;
	}

	.header_nav_content>ul>li>a:after {
		content: "";
		width: 0;
		height: 4px;
		background: #004b92;
		position: absolute;
		left: 0;
		bottom: 0;
		transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-webkit-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
	}

	.header_nav_content>ul>li>a:hover:after {
		width: 100%
	}

	.nav_active {
		color: #C2C2C2 !important;
	}

	.top>.top_title {
		text-align: center;
		font-size: 64px;
		color: #FFF;
		padding-top: 100px;
	}

	.top>.top_desc {
		text-align: center;
		font-size: 32px;
		color: #FFF;
		padding-top: 20px;
	}


	.problem {
		background: #EEE9E9
	}

	.problem>img {
		width: 100%;
		margin-top: 50px;
	}

	.news {
		background: #F0F0F0;
		height: 750px;
		font-size: 16px;
	}

	.news>ul {
		width: 1200px;
		margin: 50px auto;
		height: 360px;
	}

	.news>ul>li {
		background: #FFF;
		width: 380px;
		float: left;
		height: 100%;
		margin-left: 30px;
		border-top: 5px solid #29c1c2;
		border-bottom: 5px solid #29c1c2
	}

	.news>ul>li:nth-child(1) {
		margin-left: 0px
	}

	.news .news_title {
		font-size: 20px;
		margin-top: 20px;
		font-weight: bold;
		width: 340px;
		height: 64px;
		margin-left: 20px;
		border-bottom: #43CD80 1px solid;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-height: 1.6
	}

	.news .news_desc {
		width: 340px;
		height: 196px;
		margin-left: 20px;
		font-size: 16px;
		line-height: 1.6;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 8;
		margin-top: 10px;
		text-indent: 2em
	}

	.news>ul>li>div {
		width: 340px;
		margin-left: 20px;
		text-align: right;
		margin-top: 20px;
	}

	.news>ul>li>div>a {
		color: #29c1c2
	}

	.news>ul>li>div>a:hover {
		color: #43CD80;
		text-decoration: underline
	}


	.combo {
		background: #EEE9E9;
		height: 750px;
		font-size: 16px;
	}

	.combo>ul {
		width: 1200px;
		margin: 50px auto;
		height: 400px;
	}

	.combo>ul>li {
		width: 394px;
		float: left;
		height: 100%;
		margin-left: 6px;
		border: 1px solid #FFF
	}

	.combo>ul>li:nth-child(1) {
		margin-left: 0px
	}

	.combo img {
		width: 200px;
		margin-left: 97px;
		margin-top: 20px;
	}

	.combo .combo_title {
		font-size: 20px;
		text-align: center;
		margin-top: 20px;
		font-weight: bold
	}

	.combo .combo_desc {
		width: 310px;
		margin-left: 27px;
		font-size: 16px;
		text-align: center;
		margin-top: 10px;
	}

	.combo>ul>li>div {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.combo>ul>li>div>a {
		color: #29c1c2;
	}

	.combo>ul>li>div>a:hover {
		color: #43CD80;
		text-decoration: underline;
	}

	.team {
		background: #F0F0F0;
		height: 1120px;
		font-size: 16px;
	}

	.team>hr {
		width: 200px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.team_desc {
		text-align: center;
		font-size: 18px;
		line-height: 32px;
	}

	.team>ul {
		width: 1200px;
		margin: 40px auto;
		height: 640px;
	}

	.team>ul>li {
		width: 360px;
		float: left;
		margin-left: 60px;
		background: #fff;
		transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-webkit-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
	}

	.team>ul>li:hover {
		transform: scale(1.1);
		box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
	}

	.team>ul>li:nth-child(1) {
		margin-left: 0px
	}

	.team>ul>li>div {
		width: 100%;
		height: 270px;
		overflow: hidden;
		position: relative
	}

	.team>ul>li>div>img {
		width: 100%
	}

	.team .expert_name {
		font-size: 20px;
		text-align: center;
		margin-top: 20px;
		font-weight: bold
	}

	.team .expert_desc {
		width: 96%;
		margin: 20px auto;
		line-height: 1.6;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		text-indent: 2em;
		height: 146px;
	}

	.team .expert_desc:hover a {
		color: #0CF;
		text-decoration: underline
	}

	.team>ul>li>center {
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.team .expert_consult {
		background: #ffcc33;
		padding: 10px 20px;
		color: #FFF;
		transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-webkit-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
	}

	.team>ul>li>center>a:hover {
		background: transparent;
		color: #0CF;
		border: 1px solid #0CF;
	}


	.case {
		background: #EEE9E9;
		height: 760px;
		font-size: 16px;
	}

	.case>ul {
		width: 1200px;
		margin: 50px auto;
		height: 400px;
		background: #FFF;
		position: relative;
		overflow: hidden;
	}

	.case>ul>li {
		width: 540px;
		position: absolute;
		top: 0;
		z-index: 0;
		height: 400px;
		background: #FFF;
		transition: all 0.5s ease-in-out 0s;
		-moz-transition: all 0.5s ease-in-out 0s;
		-webkit-transition: all 0.5s ease-in-out 0s;
		-o-transition: all 0.5s ease-in-out 0s;
		overflow: hidden;
	}

	.case>ul>li:hover {
		left: 0 !important;
		z-index: 5 !important;
		width: 100% !important
	}

	.case>ul>li>.case_img {
		width: 540px;
		height: 300px;
		overflow: hidden;
		margin-top: 50px;
		float: left
	}

	.case>ul>li>div>img {
		width: 100%;
	}

	.case>ul>li>.case_content {
		width: 540px;
		height: 300px;
		float: left;
		margin-top: 50px;
		margin-left: 120px
	}

	.case_content_title {
		font-size: 20px;
		font-weight: bold
	}

	.case_content_info {
		width: 100%;
		margin-top: 20px;
		height: 16px;
		color: #b2b8c1
	}

	.case_content_info>li {
		float: left;
		margin-left: 10px;
		font-size: 12px
	}

	.case_content_info>li:nth-child(1) {
		margin-left: 0px
	}

	.case_content_info>li>span>img {
		width: 16px;
		vertical-align: bottom
	}

	.case_content_desc {
		width: 100%;
		height: 150px;
		line-height: 1.6;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		text-indent: 2em;
		margin-top: 20px;
		clear: both
	}

	.case_content_more {
		float: right;
		margin-top: 20px;
		margin-right: 12px;
		background: transparent;
		color: #707176;
		padding: 10px 20px;
		border: 1px solid #E8E9ED;
		transition: all 0.3s linear 0s;
		-moz-transition: all 0.3s linear 0s;
		-webkit-transition: all 0.3s linear 0s;
		-o-transition: all 0.3s linear 0s;
		border-radius: 20px;
		clear: both;
		font-weight: bold
	}

	.case_content>a:hover {
		background: #0CF;
		color: #FFF
	}


	.total {
		background: #F0F0F0;
		height: 500px;
	}

	.total>ul {
		width: 1200px;
		margin: 50px auto;
		height: 200px;
		background: #ebebeb;
	}

	.total>ul>li {
		width: 396px;
		float: left;
		height: 100%;
		margin-left: 6px;
		background: #FFF;
	}

	.total>ul>li:nth-child(1) {
		margin-left: 0px
	}

	.total_number {
		text-align: center;
		font-size: 40px;
		color: #666;
		margin-top: 30px;
	}

	.total_number sup {
		font-size: 10px;
	}

	.total_title {
		text-align: center;
		font-size: 24px;
		color: #000;
		margin-top: 30px;
	}
</style>
